* {
    margin: 0;
    padding: 0;
}
.top {
    height: 380px;
    background-color: #87CEEB;
    /* background-color: pink; */
}
.top .left {
    float: left;
    width: 450px;
    height: 380px;
    /* background-color: powderblue; */
}
.top .left img {
    float: right;
    margin-right: 30px;
    margin-top: 60px;
}
.top .right {
    float: left;
    width: 1000px;
    height: 380px;
    /* background-color: purple; */
    margin-left: 30px;
}
.top .right h2 {
    float: left;
    line-height: 380px;
}
.top .right h4 {
    margin-top: 280px;
    float: left;
}
.top .right .h4 {
    margin-left: 80px;
}
.bottom {
    margin-top: 30px;
    background-color: red;
}
.bottom .left {
    float: left;
    width: 400px;
    margin-left: 30px;
    font-size: 14px;
     background-color: #ecf0f1;
}
.bottom .left h3 {
    font-size: 20px;
    color: black;
}
.bottom .right {
    float: left;
    width: 1000px;
    margin-left: 30px;
}
body .right .cla2 {
    border-radius: 15px;
    width: 1100px;
    background-color: rgb(245, 244, 243);
}

th {
    height: 35px;
}

body .right .cla2,
body .right .cla2 td{
    border: 0px solid pink;
    /* 閸氬牆鑻熼惄鎼佸仸閻ㄥ嫯绔熷锟� */
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
}

body .right .tr1 {
    border-top: 0px solid red;
  
   
} 

body .right .tr2 {
    border-top: 1px solid black;
} 

body .right tr {
    border-top: 1px solid #e3e3e3;
}

body .right .cla2 th {
    height: 35px;
}

body .right .aaaa {
    background-color: rgba(216, 196, 196, 0.76);
    
}